
$(document).ready(function() {
    var html = "";
    var timecolos = [
		"#2c3e50", "#e74c3c",
		"#7b3","#20638f",
		"#122c91","#2a6fdb",
		"#48d6d2","#0d6534",
		"#915612","#fb0066"
	];


	let array = [];
	times.map((info)=>{
		array.push(times.splice(array.length,array.length+10));
	})

	array.map((items)=>{
		for (var i = 0; i < items.length; i++) {
          html = html + `<div class ="dot border" data-time="${items[i]}" style="background-color:#2a6fdb" > 
        				<span data-time="${items[i]}"> </span>
						<date data-time="${items[i]}">${items[i]}</date> 
					  </div>`;
	    }
	})
		$('#timeline').append(html);
		// $("#time-show-bt").on("click",function(){
		// 	if($("#time-warp").hasClass("timeshow")){
		// 		$("#time-warp").removeClass("timeshow");
		// 		$("#time-warp").addClass("timehide");
		// 		$("#time-show-bt").text("开");
		// 	}else{
				$("#time-warp").removeClass("timehide");
				$("#time-warp").addClass("timeshow");
				// $("#time-show-bt").text("关");
		// 	}
		// })

	});